
<template>
 
 
	<div id="footer">
     <div id="home" v-on:click="send('home')"><img class="img_style" src="../image/home.png"><label class="name_style">首页</label></div>
     <div id="add" v-on:click="send('add')"><img class="img_style" src="../image/scan.png"><label class="name_style">扫码购</label></div>
     <div id="mine" v-on:click="send('mine')"><img class="img_style" src="../image/mine.png"><label class="name_style">我的</label></div>
  
  </div> 
</template>
<script >

import Top from './Top'
  export default({
    methods:{
      send:function(msg) {
        this.$emit('show-what',msg);
      }
    }
  })
  
</script>
<style>
  *{
    margin: 0px;
    padding: 0px;
  }

	#footer{
   width: 100%;
   height: 59px;
   background: white;
   margin-top: 5px;
   position: fixed;
   border-top: solid 1px #f2f2f2;
   bottom: 0px;
   z-index: 99;
}
#home {
  width: 33%;
  height: 49px;
  float: left;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  
}
#add {
 width: 34%;
  height: 49px;
  float: left;
  margin-left: 33%;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  
}
#mine {
  width: 33%;
  height: 49px;
  float: left;
  border-top: 1px solid #e6e6e6;
  position: absolute;
  left: 67%;
 
 
}
.img_style{
  width: 25px;
  height: 25px;
  position: absolute;
  margin-left: 50%;
  margin-top: 12px;
  left: -12.5px;
}
.name_style{
  width: 100%;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 40px;
  display: inline-block;
  text-align: center;
}

</style>